body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td,
 hr,
 button,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 menu,
 nav,
 section {
     margin: 0;
     padding: 0;
 }
*{
    box-sizing:border-box;
}
a {
    text-decoration: none;
}
body{
    font:12px "microsoft yahei",Arial,Helvetica,sans-serif;
    color:#666;
}
i{
    font-style:normal;
}
#main{
    width:80%;
    margin:20px auto;
}
#currency{
    margin-bottom:20px;
    padding-left:10%;
    background:rgb(242,242,242);
    height:162px;
    width:100%;
    position:relative;
}
.currency{
    height:162px;
    width:100%;
    padding:30px 30px 30px 25px;
}
.currency>div{
    float:left;
}
.currency>div.currency-left{
    width:35%;
}
.currency>div.currency-left>p{
    margin-bottom:10px;
    font-size:30px;
}
.currency>div.currency-left>b{
    font-size:28px;
    color:rgb(239,48,48);
}
.currency>div.currency-left>a>i{
    font-size:38px ;
    font-weight:bold;
    color:rgb(239,48,48);
    font-style:normal;
}
.currency>div.currency-center{
    width:50%;
    font-size:20px;
    padding-top:8px;
}
.currency>div.currency-center>p>a>i{
    font-style:normal;
    color:rgb(239,48,48);
}
/*.currency>div.currency-center>p:first-child{*/
    /*margin-bottom:5px;*/
/*}*/
.currency>div.currency-right{
    position:absolute;
    bottom:42px;
    left:35%;
}
.currency>div.currency-right>a{
    display:inline-block;
    width:40px;
}
.currency>div.currency-right>a>i{
    color:rgb(152,152,152);
    font-size:30px;
 }
.currency>div.currency-right>a:first-child>i{
    font-size:40px;
}
.currency>div.currency-right>a:nth-child(2)>i{
    font-size:35px;
}
.currency>div.currency-right>a>b{
    color:rgb(152,152,152);
    font-size:15px;
    font-weight:normal;
}
.icon{
    position:absolute;
    top:0;
    left:0;
    width:10%;
    height:162px;
    background:rgb(244,138,58);
}
.icon>i{
    color:#fff;
    font-size:30px;
    display:block;
    line-height:162px;
    /*margin-left:25%;*/
    width:30px;
    margin:0 auto;
}
#main>.apart{
    width:100%;
}
#today,#commercial,#overdue,#waiting,#expire,#try{
    position:relative;
    width:48.4%;
    padding-left:10%;
    height:112px;
    background:rgb(242,242,242);
    float:left;
}
#today,#commercial,#overdue{
    margin-right:3.2%;
}
#today>div.icon,#commercial>div.icon,#overdue>div.icon,#waiting>div.icon,#expire>div.icon,#try>div.icon{
    position:absolute;
    top:0;
    left:0;
    width:20.5%;
    height:112px;
    background:rgb(244,138,58);
}
#today>div.icon>i,#commercial>div.icon>i,#overdue>div.icon>i,#waiting>div.icon>i,#expire>div.icon>i,#try>div.icon>i{
    line-height:112px;
}
#main>.apart>#today>div.icon{
    background:rgb(255,134,103);
}
#main>.apart>#waiting>div.icon{
    background:rgb(88,188,224);
}
#main>.apart>#commercial>div.icon{
    background:rgb(112,197,190);
}
#main>.apart>#expire>div.icon{
    background:rgb(241,172,89);
}
#main>.apart>#overdue>div.icon{
    background:rgb(177,152,220);
}
#main>.apart>#try>div.icon{
    background:rgb(155,203,86);
}
#main>.apart>#today>div.apart-left>a>i,#main>.apart>#today>div.apart-left>h4,#main>.apart>#today>div.apart-left>b{
    color:rgb(255,134,103);
}
#main>.apart>#waiting>div.apart-left>a>i,#main>.apart>#waiting>div.apart-left>h4,#main>.apart>#waiting>div.apart-left>b{
    color:rgb(88,188,224);
}
#main>.apart>#commercial>div.apart-left>a>i,#main>.apart>#commercial>div.apart-left>h4{
    color:rgb(112,197,190);
}
#main>.apart>#expire>div.apart-left>a>i,#main>.apart>#expire>div.apart-left>h4{
    color:rgb(241,172,89);
}
#main>.apart>#overdue>div.apart-left>a>i,#main>.apart>#overdue>div.apart-left>h4{
    color:rgb(177,152,220);
}
#main>.apart>#try>div.apart-left>a>i,#main>.apart>#try>div.apart-left>h4{
    color:rgb(155,203,86);
}
#today>div.apart-left,#commercial>div.apart-left,#overdue>div.apart-left,#waiting>div.apart-left,#expire>div.apart-left,#try>div.apart-left{
     padding:20px 20px 25px 20px;
     width:80%;
     height:112px;
 }
#today>div.apart-left>p,#commercial>div.apart-left>p,#overdue>div.apart-left>p,#waiting>div.apart-left>p,#expire>div.apart-left>p,#try>div.apart-left>p{
    font-size:20px;
    margin-bottom:18px;
}
#main>.apart>#waiting>div.apart-left,#main>.apart>#expire>div.apart-left{
    padding-bottom:5px;
}
#main>.apart>#waiting>div.apart-left>p,#main>.apart>#expire>div.apart-left>p{
    margin-bottom:8px;
}
/*#main>.apart>#waiting>div.apart-left>a,#main>.apart>#expire>div.apart-left>a{*/
    /*display:inline-block;*/
    /*position:absolute;*/
    /*right:30px;*/
    /*bottom:20px;*/
/*}*/
#main>.apart>div>div.apart-left>a>i{
    font-size:24px;
    font-style: normal;
}
#main>.apart>div>div.apart-left>b{
    font-size:18px;
}
/*#main>.apart>div>div.apart-left>a{*/
    /*display:inline-block;*/
    /*position:absolute;*/
    /*right:30px;*/
/*}*/
#main>.apart>div>div.apart-left>a>i{
    color:rgb(178,178,178);
    font-size:25px;
}
#main>.apart>div>div.apart-left>h4{
    font-size:14px;
    font-weight:normal;
}
#today,#waiting,#commercial,#expire,#overdue,#try{
    margin-bottom:20px;
}


#buss,#agent{
    position:relative;
    width:100%;
    padding-left:10%;
    height:162px;
    background:rgb(242,242,242);
    float:left;
    margin-bottom:20px;
}
#buss>div.icon{
    width:10%;
}
#main>.apart>div>div.apart-center{
    width:50%;
    float:left;
}
#main>.apart>div>div.apart-center>p>a{
    color:red;
}
#buss>div.apart-center{
    padding-top:20px;
}
#buss>div.apart-center>p{
    font-size:18px;
}
#agent>div.apart-center{
    padding-top:65px;
}
#agent>div.apart-center>p{
    font-size:20px;
}
#main>.apart>#buss>div.icon{
    background:rgb(112,197,190);
}
#main>.apart>#agent>div.icon{
    background:rgb(155,203,86);
}
#buss>div.apart-left>a,#agent>div.apart-left>a{
    display:block;
    font-size:38px;
    color:rgb(239,48,48);
    font-weight:bold;
}
#buss>div.apart-left,#agent>div.apart-left{
    padding:30px 20px 25px 20px;
    width:35%;
    height:162px;
    float:left;
}
#buss>div.apart-left>p,#agent>div.apart-left>p{
    font-size:30px;
    margin-bottom:10px;
}




#check{
    margin-bottom:20px;
    padding-left:10%;
    background:rgb(242,242,242);
    height:112px;
    width:100%;
    position:relative;
}
.check{
    height:112px;
    width:100%;
    padding:30px 30px 30px 20px;
}
#check>div.icon{
    height:112px;
}
#check>div.icon>i{
    line-height:112px;
}
.check-left>p{
    font-size:20px;
}
.check-left>a>i{
    font-size:25px;
    color:red;
}




.currency>div.currency-left1{
    width:34%;
}
.currency>div.currency-left1>p{
    margin-bottom:10px;
    font-size:30px;
}
.currency>div.currency-left1>b{
    font-size:28px;
    color:rgb(239,48,48);
}
.currency>div.currency-left1>a>i{
    font-size:38px ;
    font-weight:bold;
    color:rgb(239,48,48);
    font-style:normal;
}
.currency>div.currency-center1{
    padding-top:5px;
    width:66%;
}
.currency>div.currency-center>span{
    display:inline-block;
    width:49%;
    font-size:18px;
}
.currency>div.currency-center>span>a>i{
    font-style:normal;
    color:rgb(239,48,48);
}


